<template>
  <div class="swiper">
<van-swipe :autoplay="3000">
  <van-swipe-item v-for="(img,index) in imgList" :key="index">
    <img v-lazy="img" @click="goZhuan"/>
  </van-swipe-item>
</van-swipe>
  </div>
</template>


<script>
import mouth from '../../../../public/utils/mouth'
import Vue from 'vue';
import { Lazyload } from 'vant';

Vue.use(Lazyload);
export default {
  data(){
   return{
     imgList:[]
   }
  },
  methods:{
    goZhuan(){
      this.$router.push("/ZhuanQu");
    }
  },
  created() {
    // mouth.get("/carous/findAll").then((res) => {    
    //   this.imgList.push(res.data.data[0].curl); 
    //   this.imgList.push(res.data.data[1].curl); 
    //   this.imgList.push(res.data.data[2].curl); 
    //   this.imgList.push(res.data.data[3].curl); 
    // });
  },
};
</script>

<style scoped>
.swiper {
  width: 3.46rem;
  margin: auto;
  margin-top: 0.12rem;
}
img{
  width:3.57rem ;
  height: 0.75rem;
}
</style>